/*
 * @Author: Moreduo 
 * @Date: 2022-01-12 16:40:10 
 * @Last Modified by: Moreduo
 * @Last Modified time: 2022-01-13 17:41:32
 */
// 基础单位
$base-unit: 1px !default;
// 字体大小
$font-sizes: (0, 10, 12, 13, 14, 15, 16, 18, 20, 22, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 70, 80, 90, 100); 
// 内外边距的大小
$spacing-sizes: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100);
// 内外边距前缀
$spacing-types: (
    mg: margin,
    pd: padding,
);
// 方向上下左右
$spacing-direction: (
    t: top,
    r: right,
    b: bottom,
    l: left,
);
// 颜色变量
$blue: #0d6efd !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #d63384 !default;
$red: #dc3545 !default;
$orange: #fd7e14 !default;
$yellow: #ffc107 !default;
$green: #198754 !default;
$teal: #20c997 !default;
$cyan: #0dcaf0 !default;
$white: #ffffff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;

// 颜色集合
$colors: (
    "blue": $blue,
    "indigo": $indigo,
    "purple": $purple,
    "pink": $pink,
    "red": $red,
    "orange": $orange,
    "yellow": $yellow,
    "green": $green,
    "teal": $teal,
    "cyan": $cyan,
    "white": $white,
    "gray1": $gray-100,
    "gray2": $gray-200,
    "gray3": $gray-300,
    "gray4": $gray-400,
    "gray5": $gray-500,
    "gray6": $gray-600,
    "gray7": $gray-600,
    "gray8": $gray-700,
    "gray9": $gray-900,
    "gray-dark": $gray-800,
) !default;

// flex布局
$justify: (
    left: flex-start,
    center: center,
    right: flex-end,
    between: space-between,
    around: space-around,
);
$align: (
    top: flex-start,
    center: center,
    bottom: flex-end,
);
